body{
    margin:0;
    background: #ccc;
}
h1{
    text-align: center;
}

h6{
    text-align: center;
    color: rgb(153, 232, 232);
}

/*------------棋盘-------------------------*/
#canvas{
    display: block;
    margin: 20px auto;

    /* background:#f2e8e8; */
}
.mol-main{
    width:180px;
    height: 160px;
    margin: 0 auto;
    padding: 10px;

    background:#eee;
    border-radius: 10px;
    opacity: 0.9;

    position: absolute;
    top:25%;
    left: 40%;

    display: none;
}
.mol-header h2{
    text-align: center;
    font-weight: bold;
}
.mol-success{
    color: firebrick;
    font-weight: bold;
    text-align: center;
}

.white{
    display: none;
}
.black{
    display: none;
}

.btn{
    cursor: pointer;
    width: 70px;
    height: 30px;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;;
    background: cadetblue;
    color: #000;
}
.btn:hover{
    background: lightseagreen;
    color: #fff;
}
